<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>搜索结果</title>
        <link rel="shortcut icon" href="img/logo.ico" type="image/x-icon" >
        <link rel="stylesheet" type="text/css" href="css/sousuojieguo/details.css"/>
        <link rel="stylesheet" type="text/css" href="css/footer.css"/>
        <script src="js/jquery-1.11.3.js" type="text/javascript" charset="utf-8"></script>
        <script src="js/jquery.masonry.min.js" type="text/javascript" charset="utf-8"></script>
        <script src="js/jquery.autocomplete.js" type="text/javascript" charset="utf-8"></script>
        <link rel="stylesheet" type="text/css" href="css/styles.css"/>
        <link rel="stylesheet" href="css/jquery-ui.css">
        <script src="js/jquery-ui.js" type="text/javascript" charset="utf-8"></script>

        <style type="text/css">
            .ui-autocomplete-category {
                font-weight: bold;
                padding: .2em .4em;
                margin: .8em 0 .2em;
                line-height: 1.5;
                background-color: #F2F2F2;
            }
        </style>
    </head>
    <script type="text/javascript">
        $(function () {
            (function ($) {
                $.getUrlParam = function (name) {
                    var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");
                    var r = window.location.search.substr(1).match(reg);
                    if (r != null)
                        return unescape(r[2]);
                    return null;
                }
            })(jQuery);

            var a = $.getUrlParam("name");
            if (a == "huati") {

                $(".ziLiaoZhanShi").hide();
                $(".yonghu").hide();
                $(".huati").show();
                $(".list .qh_ht").addClass("bgCol");
                $(".list .qh_ht").siblings().removeClass("bgCol");

            }
            if (a == "ziliao") {
                $(".huati").hide();
                $(".yonghu").hide();
                $(".ziLiaoZhanShi").show();
                $(".list .qh_pj").addClass("bgCol");
                $(".list .qh_pj").siblings().removeClass("bgCol");

            }
            if (a == "yonghu") {
                $(".huati").hide();
                $(".yonghu").show();
                $(".ziLiaoZhanShi").hide();
                $(".list .qh_yh").addClass("bgCol");
                $(".list .qh_yh").siblings().removeClass("bgCol");
            }
        })
    </script>
    <script type="text/javascript">
        $.widget("custom.catcomplete", $.ui.autocomplete, {
            _renderMenu: function (ul, items) {
                var that = this,
                        currentCategory = "";
                $.each(items, function (index, item) {
                    if (item.category != currentCategory) {
                        ul.append("<li class='ui-autocomplete-category'>" + item.category + "</li>");
                        currentCategory = item.category;
                    }
                    that._renderItemData(ul, item);
                });
            }
        });
    </script>
    <body>
        <div id="container">
            <header id="daohang">
                <nav>
                    <ul class="nav_left">
                        <a href="home.html"><li class="logo"><img src="img/home/logo5.png"/></li></a>
                        <li class="sousuokuang">
                            <div class="yincagbufen">
                                <input type="search" name="search" id="autocomplete" value="" class="search"/>
                            </div>
                            <ul class="yincangbianqian">

                            </ul>
                        </li>

                        <a href="ziLiao.html"><li class="qh">资料</li></a>
                        <a href="dongTai.html"><li class="qh">动态</li></a>
                        <a href="huaTi.html"><li class="qh">话题</li></a>
                    </ul>
                    <ul class="nav_right">

                        <a href="faBuZiLiao.html" target="_blank"><li class="anniu"><input type="button" id="" value="发布资料" class="fabubtn"/></li></a>

                        <a href="geRenZhongXin.html"><li class="userinfo">
                                <img src="img/home/u333.png"/>
                                <span class="username">
                                    张敏一二三四
                                </span>
                                <div class="info">
                                    <ul>
                                        <a href="geRenZhongXin.html"><li class="my">我的主页</li></a>
                                        <a href="#"><li class="message">站内消息</li></a>
                                        <a href="#"><li class="set">设置</li></a>
                                        <a href="#"><li class="exit">退出登录</li></a>
                                    </ul>
                                </div>
                            </li></a>

                    </ul>
                </nav>
                <div class="bqk">
                    <div class="btn_left">
                        <img src="img/searchResult/nav_back.png"/>
                    </div>
                    <div class="bqs">
                        <ul class="one">
                            <li>民宿</li>
                            <li>楼梯细节</li>
                            <li>民宿</li>
                            <li>楼梯细节</li>
                            <li>民宿</li>
                            <li>楼梯细节</li>
                            <li>楼梯细节</li>
                            <li>民宿</li>
                            <li>楼梯细节</li>
                            <li>mins</li>
                            <li>民宿</li>
                            <li>楼梯细节</li>
                            <li>民宿</li>
                            <li>楼梯细节</li>
                            <li>民宿</li>
                            <li>楼梯细节</li>
                            <li>民宿</li>
                            <li>楼梯细节</li>
                            <li>楼梯细节</li>
                            <li>民宿</li>
                            <li>楼梯细节</li>
                            <li>mins</li>
                            <li>民宿</li>
                            <li>楼梯细节</li>
                            <li>民宿</li>
                            <li>楼梯细节</li>
                            <li>民宿</li>
                            <li>楼梯细节</li>
                            <li>民宿</li>
                            <li>楼梯细节</li>
                            <li>楼梯细节</li>
                            <li>民宿</li>
                            <li>楼梯细节</li>
                            <li>mins</li>
                            <li>民宿</li>
                            <li>楼梯细节</li>

                        </ul>
                    </div>
                    <div class="btn_right">
                        <img src="img/searchResult/common_more.png"/>
                    </div>
                </div>

            </header>
            <div id="pageContent">

                <div id="content">
                    <div class="list">
                        <ul>
                            <li class="qh_pj bgCol">评鉴</li>
                            <li class="qh_ht">话题</li>
                            <li class="qh_yh">用户</li>

                        </ul>
                    </div>

                    <div class="ziLiaoZhanShi">
                        <div id="pubul">
                            <ul>
                                <a href="ziLiaoXiangQing.html">
                                    <li class="box">
                                        <div class="b_pic">
                                            <img src="img/home/u46.jpg" />
                                        </div>
                                        <div class="b_text">
                                            <div class="tit">
                                                现代梦幻酒吧室内设计
                                            </div>
                                            <ul class="biaoqian">
                                                <li><a href="#">建筑设计</a></li>

                                                <li><a href="#">室内设计</a></li>

                                                <li><a href="#">商业地产</a></li>
                                            </ul>
                                            <ul class="zanGuanzhu">
                                                <li class="zanImg"><img src="img/home/tab_like.png" /></li>
                                                <li class="zanCounts">30</li>
                                                <li class="guanzhuImg"><img src="img/home/tab_collect.png" /></li>
                                                <li class="guanzhuCounts">30</li>
                                            </ul>
                                            <div class="jieShao" style="text-overflow: ellipsis;">
                                                上升的建筑，用于杭州亚运会，本人历经1年多时间，经过
                                            </div>
                                        </div>
                                    </li>
                                </a>

                                <a href="ziLiaoXiangQing.html">
                                    <li class="box">
                                        <div class="b_pic">
                                            <img src="img/home/u210.png" />
                                        </div>
                                        <div class="b_text">
                                            <div class="tit">
                                                现代梦幻酒吧室内设计
                                            </div>
                                            <ul class="biaoqian">
                                                <li><a href="#">建筑设计</a></li>

                                                <li><a href="#">室内设计</a></li>

                                                <li><a href="#">商业地产</a></li>
                                            </ul>
                                            <ul class="zanGuanzhu">
                                                <li class="zanImg"><img src="img/home/tab_like.png" /></li>
                                                <li class="zanCounts">30</li>
                                                <li class="guanzhuImg"><img src="img/home/tab_collect.png" /></li>
                                                <li class="guanzhuCounts">30</li>
                                            </ul>
                                            <div class="jieShao" style="text-overflow: ellipsis;">
                                                上升的建筑，用于杭州亚运会，本人历经1年多时间，经过
                                            </div>
                                        </div>
                                    </li>
                                </a>

                                <a href="ziLiaoXiangQing.html">
                                    <li class="box">
                                        <div class="b_pic">
                                            <img src="img/home/u206.png" />
                                        </div>
                                        <div class="b_text">
                                            <div class="tit">
                                                现代梦幻酒吧室内设计
                                            </div>
                                            <ul class="biaoqian">
                                                <li><a href="#">建筑设计</a></li>

                                                <li><a href="#">室内设计</a></li>

                                                <li><a href="#">商业地产</a></li>
                                            </ul>
                                            <ul class="zanGuanzhu">
                                                <li class="zanImg"><img src="img/home/tab_like.png" /></li>
                                                <li class="zanCounts">30</li>
                                                <li class="guanzhuImg"><img src="img/home/tab_collect.png" /></li>
                                                <li class="guanzhuCounts">30</li>
                                            </ul>
                                            <div class="jieShao" style="text-overflow: ellipsis;">
                                                上升的建筑，用于杭州亚运会，本人历经1年多时间，经过
                                            </div>
                                        </div>
                                    </li>
                                </a>


                                <a href="ziLiaoXiangQing.html">
                                    <li class="box">
                                        <div class="b_pic">
                                            <img src="img/home/u212.png" />
                                        </div>
                                        <div class="b_text">
                                            <div class="tit">
                                                现代梦幻酒吧室内设计
                                            </div>
                                            <ul class="biaoqian">
                                                <li><a href="#">建筑设计</a></li>

                                                <li><a href="#">室内设计</a></li>

                                                <li><a href="#">商业地产</a></li>
                                            </ul>
                                            <ul class="zanGuanzhu">
                                                <li class="zanImg"><img src="img/home/tab_like.png" /></li>
                                                <li class="zanCounts">30</li>
                                                <li class="guanzhuImg"><img src="img/home/tab_collect.png" /></li>
                                                <li class="guanzhuCounts">30</li>
                                            </ul>
                                            <div class="jieShao" style="text-overflow: ellipsis;">
                                                上升的建筑，用于杭州亚运会，本人历经1年多时间，经过
                                            </div>
                                        </div>
                                    </li>
                                </a>


                                <a href="ziLiaoXiangQing.html">
                                    <li class="box">
                                        <div class="b_pic">
                                            <img src="img/home/u415.png" />
                                        </div>
                                        <div class="b_text">
                                            <div class="tit">
                                                现代梦幻酒吧室内设计
                                            </div>
                                            <ul class="biaoqian">
                                                <li><a href="#">建筑设计</a></li>

                                                <li><a href="#">室内设计</a></li>

                                                <li><a href="#">商业地产</a></li>
                                            </ul>
                                            <ul class="zanGuanzhu">
                                                <li class="zanImg"><img src="img/home/tab_like.png" /></li>
                                                <li class="zanCounts">30</li>
                                                <li class="guanzhuImg"><img src="img/home/tab_collect.png" /></li>
                                                <li class="guanzhuCounts">30</li>
                                            </ul>
                                            <div class="jieShao" style="text-overflow: ellipsis;">
                                                上升的建筑，用于杭州亚运会，本人历经1年多时间，经过
                                            </div>
                                        </div>
                                    </li>
                                </a>


                                <a href="ziLiaoXiangQing.html">
                                    <li class="box">
                                        <div class="b_pic">
                                            <img src="img/home/u423.png" />
                                        </div>
                                        <div class="b_text">
                                            <div class="tit">
                                                现代梦幻酒吧室内设计
                                            </div>
                                            <ul class="biaoqian">
                                                <li><a href="#">建筑设计</a></li>

                                                <li><a href="#">室内设计</a></li>

                                                <li><a href="#">商业地产</a></li>
                                            </ul>
                                            <ul class="zanGuanzhu">
                                                <li class="zanImg"><img src="img/home/tab_like.png" /></li>
                                                <li class="zanCounts">30</li>
                                                <li class="guanzhuImg"><img src="img/home/tab_collect.png" /></li>
                                                <li class="guanzhuCounts">30</li>
                                            </ul>
                                            <div class="jieShao" style="text-overflow: ellipsis;">
                                                上升的建筑，用于杭州亚运会，本人历经1年多时间，经过
                                            </div>
                                        </div>
                                    </li>
                                </a>


                                <a href="ziLiaoXiangQing.html">
                                    <li class="box">
                                        <div class="b_pic">
                                            <img src="img/home/u426.png" />
                                        </div>
                                        <div class="b_text">
                                            <div class="tit">
                                                现代梦幻酒吧室内设计
                                            </div>
                                            <ul class="biaoqian">
                                                <li><a href="#">建筑设计</a></li>

                                                <li><a href="#">室内设计</a></li>

                                                <li><a href="#">商业地产</a></li>
                                            </ul>
                                            <ul class="zanGuanzhu">
                                                <li class="zanImg"><img src="img/home/tab_like.png" /></li>
                                                <li class="zanCounts">30</li>
                                                <li class="guanzhuImg"><img src="img/home/tab_collect.png" /></li>
                                                <li class="guanzhuCounts">30</li>
                                            </ul>
                                            <div class="jieShao" style="text-overflow: ellipsis;">
                                                上升的建筑，用于杭州亚运会，本人历经1年多时间，经过
                                            </div>
                                        </div>
                                    </li>
                                </a>


                                <a href="ziLiaoXiangQing.html">
                                    <li class="box">
                                        <div class="b_pic">
                                            <img src="img/home/u427.png" />
                                        </div>
                                        <div class="b_text">
                                            <div class="tit">
                                                现代梦幻酒吧室内设计
                                            </div>
                                            <ul class="biaoqian">
                                                <li><a href="#">建筑设计</a></li>

                                                <li><a href="#">室内设计</a></li>

                                                <li><a href="#">商业地产</a></li>
                                            </ul>
                                            <ul class="zanGuanzhu">
                                                <li class="zanImg"><img src="img/home/tab_like.png" /></li>
                                                <li class="zanCounts">30</li>
                                                <li class="guanzhuImg"><img src="img/home/tab_collect.png" /></li>
                                                <li class="guanzhuCounts">30</li>
                                            </ul>
                                            <div class="jieShao" style="text-overflow: ellipsis;">
                                                上升的建筑，用于杭州亚运会，本人历经1年多时间，经过
                                            </div>
                                        </div>
                                    </li>
                                </a>


                                <a href="ziLiaoXiangQing.html">
                                    <li class="box">
                                        <div class="b_pic">
                                            <img src="img/home/u210.png" />
                                        </div>
                                        <div class="b_text">
                                            <div class="tit">
                                                现代梦幻酒吧室内设计
                                            </div>
                                            <ul class="biaoqian">
                                                <li><a href="#">建筑设计</a></li>

                                                <li><a href="#">室内设计</a></li>

                                                <li><a href="#">商业地产</a></li>
                                            </ul>
                                            <ul class="zanGuanzhu">
                                                <li class="zanImg"><img src="img/home/tab_like.png" /></li>
                                                <li class="zanCounts">30</li>
                                                <li class="guanzhuImg"><img src="img/home/tab_collect.png" /></li>
                                                <li class="guanzhuCounts">30</li>
                                            </ul>
                                            <div class="jieShao" style="text-overflow: ellipsis;">
                                                上升的建筑，用于杭州亚运会，本人历经1年多时间，经过
                                            </div>
                                        </div>
                                    </li>
                                </a>


                                <a href="ziLiaoXiangQing.html">
                                    <li class="box">
                                        <div class="b_pic">
                                            <img src="img/home/u417.png" />
                                        </div>
                                        <div class="b_text">
                                            <div class="tit">
                                                现代梦幻酒吧室内设计
                                            </div>
                                            <ul class="biaoqian">
                                                <li><a href="#">建筑设计</a></li>

                                                <li><a href="#">室内设计</a></li>

                                                <li><a href="#">商业地产</a></li>
                                            </ul>
                                            <ul class="zanGuanzhu">
                                                <li class="zanImg"><img src="img/home/tab_like.png" /></li>
                                                <li class="zanCounts">30</li>
                                                <li class="guanzhuImg"><img src="img/home/tab_collect.png" /></li>
                                                <li class="guanzhuCounts">30</li>
                                            </ul>
                                            <div class="jieShao" style="text-overflow: ellipsis;">
                                                上升的建筑，用于杭州亚运会，本人历经1年多时间，经过
                                            </div>
                                        </div>
                                    </li>
                                </a>


                                <a href="ziLiaoXiangQing.html">
                                    <li class="box">
                                        <div class="b_pic">
                                            <img src="img/home/u208.png" />
                                        </div>
                                        <div class="b_text">
                                            <div class="tit">
                                                现代梦幻酒吧室内设计
                                            </div>
                                            <ul class="biaoqian">
                                                <li><a href="#">建筑设计</a></li>

                                                <li><a href="#">室内设计</a></li>

                                                <li><a href="#">商业地产</a></li>
                                            </ul>
                                            <ul class="zanGuanzhu">
                                                <li class="zanImg"><img src="img/home/tab_like.png" /></li>
                                                <li class="zanCounts">30</li>
                                                <li class="guanzhuImg"><img src="img/home/tab_collect.png" /></li>
                                                <li class="guanzhuCounts">30</li>
                                            </ul>
                                            <div class="jieShao" style="text-overflow: ellipsis;">
                                                上升的建筑，用于杭州亚运会，本人历经1年多时间，经过
                                            </div>
                                        </div>
                                    </li>
                                </a>


                                <a href="ziLiaoXiangQing.html">
                                    <li class="box">
                                        <div class="b_pic">
                                            <img src="img/home/u202.png" />
                                        </div>
                                        <div class="b_text">
                                            <div class="tit">
                                                现代梦幻酒吧室内设计
                                            </div>
                                            <ul class="biaoqian">
                                                <li><a href="#">建筑设计</a></li>

                                                <li><a href="#">室内设计</a></li>

                                                <li><a href="#">商业地产</a></li>
                                            </ul>
                                            <ul class="zanGuanzhu">
                                                <li class="zanImg"><img src="img/home/tab_like.png" /></li>
                                                <li class="zanCounts">30</li>
                                                <li class="guanzhuImg"><img src="img/home/tab_collect.png" /></li>
                                                <li class="guanzhuCounts">30</li>
                                            </ul>
                                            <div class="jieShao" style="text-overflow: ellipsis;">
                                                上升的建筑，用于杭州亚运会，本人历经1年多时间，经过
                                            </div>
                                        </div>
                                    </li>
                                </a>


                                <a href="ziLiaoXiangQing.html">
                                    <li class="box">
                                        <div class="b_pic">
                                            <img src="img/home/u206.png" />
                                        </div>
                                        <div class="b_text">
                                            <div class="tit">
                                                现代梦幻酒吧室内设计
                                            </div>
                                            <ul class="biaoqian">
                                                <li><a href="#">建筑设计</a></li>

                                                <li><a href="#">室内设计</a></li>

                                                <li><a href="#">商业地产</a></li>
                                            </ul>
                                            <ul class="zanGuanzhu">
                                                <li class="zanImg"><img src="img/home/tab_like.png" /></li>
                                                <li class="zanCounts">30</li>
                                                <li class="guanzhuImg"><img src="img/home/tab_collect.png" /></li>
                                                <li class="guanzhuCounts">30</li>
                                            </ul>
                                            <div class="jieShao" style="text-overflow: ellipsis;">
                                                上升的建筑，用于杭州亚运会，本人历经1年多时间，经过
                                            </div>
                                        </div>
                                    </li>
                                </a>


                                <a href="ziLiaoXiangQing.html">
                                    <li class="box">
                                        <div class="b_pic">
                                            <img src="img/home/u204.png" />
                                        </div>
                                        <div class="b_text">
                                            <div class="tit">
                                                现代梦幻酒吧室内设计
                                            </div>
                                            <ul class="biaoqian">
                                                <li><a href="#">建筑设计</a></li>

                                                <li><a href="#">室内设计</a></li>

                                                <li><a href="#">商业地产</a></li>
                                            </ul>
                                            <ul class="zanGuanzhu">
                                                <li class="zanImg"><img src="img/home/tab_like.png" /></li>
                                                <li class="zanCounts">30</li>
                                                <li class="guanzhuImg"><img src="img/home/tab_collect.png" /></li>
                                                <li class="guanzhuCounts">30</li>
                                            </ul>
                                            <div class="jieShao" style="text-overflow: ellipsis;">
                                                上升的建筑，用于杭州亚运会，本人历经1年多时间，经过
                                            </div>
                                        </div>
                                    </li>
                                </a>	

                            </ul>
                        </div>
                    </div>

                    <div class="huati">
                        <div class="ht_content">
                            <article class="ht">
                                <section class="biaozhu">
                                    <div class="top">
                                        <div class="biaoqiantuxiang">
                                            <img src="img/searchResult/u141.png"/>
                                        </div>
                                        <div class="biaoQianMing">
                                            养老建筑
                                        </div>
                                    </div>
                                    <div class="botton">
                                        <div class="userimg">
                                            <img src="img/searchResult/u2047.png"/>
                                        </div>
                                        <div class="username">
                                            小龙女
                                        </div>
                                        <div class="time">
                                            1小时前
                                        </div>
                                        <div class="shenfen">
                                            室内设计师
                                        </div>
                                    </div>
                                </section>
                                <section class="zhengwen">
                                    <aside class="zan">
                                        <div class="zanImg">
                                            <img src="img/home/tab_like.png"/>
                                        </div>
                                        <div class="zanCounts">
                                            98
                                        </div>
                                    </aside>
                                    <aside class="neirong">
                                        <header class="title">
                                            <div class="bt">
                                                养老地产设计漫谈
                                            </div>
                                            <span class="guanzhuanniu">
                                                关注
                                            </span>
                                        </header>
                                        <div class="nr">
                                            <div class="n_tu">
                                                <img src="img/home/u202.png"/>
                                            </div>
                                            <div class="n_wen">
                                                XX吉祥物，用于杭州亚运会。本人历经1年时间。XX吉祥物，用于杭州亚运会。本人历经1年时间。XX吉祥物，用于杭州亚运会。本人历经1年时间。XX吉祥物，用于杭州亚运会。本人历经1年时间。XX吉祥物，用于杭州亚运会。本人历经1年时间...
                                                <span class="more">
                                                    <a href="#">阅读更多</a>
                                                </span>
                                            </div>
                                        </div>
                                        <div class="pinglunTiao">
                                            <a href="#" class="pl">

                                                20条评论
                                            </a>
                                            <a href="#">100人浏览</a>
                                        </div>
                                        <div class="zuijiapl">
                                            <header>
                                                <div class="zjpl">
                                                    最佳评论
                                                </div>
                                                <span></span>
                                            </header>
                                            <article class="pinglunneirong">
                                                <section class="biaozhu">
                                                    <aside class="zan">
                                                        <div class="zanImg">
                                                            <img src="img/home/tab_like.png" />
                                                        </div>
                                                        <div class="zanCounts">
                                                            98
                                                        </div>
                                                    </aside>

                                                    <aside class="author">
                                                        <div class="userimg">
                                                            <img src="img/searchResult/u2047.png" />
                                                        </div>
                                                        <div class="username">
                                                            小龙女
                                                        </div>
                                                        <div class="shenfen">
                                                            室内设计师
                                                        </div>
                                                    </aside>
                                                </section>
                                                <section class="plcontent">
                                                    <div class="pl_tu">
                                                        <img src="img/home/u202.png"/>
                                                    </div>
                                                    <div class="pl_wen">
                                                        XX吉祥物，用于杭州亚运会。本人历经1年时间。XX吉祥物，用于杭州亚运会。本人历经1年时间。XX吉祥物，用于杭州亚运会。本人历经1年时间。XX吉祥物，用于杭州亚运会。本人历经1年时间。XX吉祥物，用于杭州亚运会。本人历经1年时间...
                                                        <span class="more">
                                                            <a href="#">阅读更多</a>
                                                        </span>
                                                    </div>
                                                </section>


                                            </article>
                                        </div>

                                    </aside>


                                </section>
                            </article>

                            <!--话题2-->

                            <article class="ht">
                                <section class="biaozhu">
                                    <div class="top">
                                        <div class="biaoqiantuxiang">
                                            <img src="img/searchResult/u793.png"/>
                                        </div>
                                        <div class="biaoQianMing">
                                            产品设计
                                        </div>
                                    </div>
                                    <div class="botton">
                                        <div class="userimg">
                                            <img src="img/searchResult/u2047.png"/>
                                        </div>
                                        <div class="username">
                                            小龙女
                                        </div>
                                        <div class="time">
                                            1小时前
                                        </div>
                                        <div class="shenfen">
                                            室内设计师
                                        </div>
                                    </div>
                                </section>
                                <section class="zhengwen">
                                    <aside class="zan">
                                        <div class="zanImg">
                                            <img src="img/home/tab_like.png"/>
                                        </div>
                                        <div class="zanCounts">
                                            98
                                        </div>
                                    </aside>
                                    <aside class="neirong">
                                        <header class="title">
                                            <div class="bt">
                                                养老地产设计漫谈
                                            </div>
                                            <span class="guanzhuanniu">
                                                关注
                                            </span>
                                        </header>
                                        <div class="nr">
                                            <div class="n_tu">
                                                <img src="img/home/u417.png"/>
                                            </div>
                                            <div class="n_wen">
                                                XX吉祥物，用于杭州亚运会。本人历经1年时间。XX吉祥物，用于杭州亚运会。本人历经1年时间。XX吉祥物，用于杭州亚运会。本人历经1年时间。XX吉祥物，用于杭州亚运会。本人历经1年时间。XX吉祥物，用于杭州亚运会。本人历经1年时间...
                                                <span class="more">
                                                    <a href="#">阅读更多</a>
                                                </span>
                                            </div>
                                        </div>
                                        <div class="pinglunTiao">
                                            <a href="#" class="pl">

                                                20条评论
                                            </a>
                                            <a href="#">100人浏览</a>
                                        </div>
                                        <div class="zuijiapl">
                                            <header>
                                                <div class="zjpl">
                                                    最佳评论
                                                </div>
                                                <span></span>
                                            </header>
                                            <article class="pinglunneirong">
                                                <section class="biaozhu">
                                                    <aside class="zan">
                                                        <div class="zanImg">
                                                            <img src="img/home/tab_like.png" />
                                                        </div>
                                                        <div class="zanCounts">
                                                            98
                                                        </div>
                                                    </aside>

                                                    <aside class="author">
                                                        <div class="userimg">
                                                            <img src="img/searchResult/u2047.png" />
                                                        </div>
                                                        <div class="username">
                                                            小龙女
                                                        </div>
                                                        <div class="shenfen">
                                                            室内设计师
                                                        </div>
                                                    </aside>
                                                </section>
                                                <section class="plcontent">
                                                    <div class="pl_tu">
                                                        <img src="img/home/u427.png"/>
                                                    </div>
                                                    <div class="pl_wen">
                                                        XX吉祥物，用于杭州亚运会。本人历经1年时间。XX吉祥物，用于杭州亚运会。本人历经1年时间。XX吉祥物，用于杭州亚运会。本人历经1年时间。XX吉祥物，用于杭州亚运会。本人历经1年时间。XX吉祥物，用于杭州亚运会。本人历经1年时间...
                                                        <span class="more">
                                                            <a href="#">阅读更多</a>
                                                        </span>
                                                    </div>
                                                </section>


                                            </article>
                                        </div>

                                    </aside>


                                </section>
                            </article>

                            <!--更多话题-->

                            <div id="more">
                                更多话题
                            </div>
                        </div>
                        <div class="userList">
                            <div class="huoyue">
                                <div class="title">
                                    活跃用户
                                </div>
                                <div class="user">
                                    <div class="userimg">
                                        <img src="img/searchResult/u2047.png"/>
                                    </div>
                                    <div class="username">
                                        小龙女
                                    </div>
                                    <div class="shenfen">
                                        室内设计师
                                    </div>
                                </div>
                                <div class="info">
                                    <div class="fbht">
                                        发表话题1223个
                                    </div>
                                    <div class="plht">
                                        评论话题3423个
                                    </div>
                                </div>
                                <!--用户2-->
                                <div class="user">
                                    <div class="userimg">
                                        <img src="img/searchResult/u2047.png"/>
                                    </div>
                                    <div class="username">
                                        李四
                                    </div>
                                    <div class="shenfen">
                                        室内设计师
                                    </div>
                                </div>
                                <div class="info">
                                    <div class="fbht">
                                        发表话题1223个
                                    </div>
                                    <div class="plht">
                                        评论话题3423个
                                    </div>
                                </div>
                                <!--用户3-->
                                <div class="user">
                                    <div class="userimg">
                                        <img src="img/searchResult/u64.png"/>
                                    </div>
                                    <div class="username">
                                        张三
                                    </div>
                                    <div class="shenfen">
                                        室内设计师
                                    </div>
                                </div>
                                <div class="info">
                                    <div class="fbht">
                                        发表话题1223个
                                    </div>
                                    <div class="plht">
                                        评论话题3423个
                                    </div>
                                </div>

                            </div>
                            <div class="daren">
                                <div class="title">
                                    评论达人
                                </div>

                                <!--用户1-->
                                <div class="user">
                                    <div class="userimg">
                                        <img src="img/searchResult/u2047.png"/>
                                    </div>
                                    <div class="username">
                                        小龙女
                                    </div>
                                    <div class="shenfen">
                                        室内设计师
                                    </div>
                                </div>
                                <div class="info">
                                    <div class="hddz">
                                        共获得点赞323个
                                    </div>

                                </div>

                                <!--用户2-->
                                <div class="user">
                                    <div class="userimg">
                                        <img src="img/searchResult/u2047.png"/>
                                    </div>
                                    <div class="username">
                                        小龙女
                                    </div>
                                    <div class="shenfen">
                                        室内设计师
                                    </div>
                                </div>
                                <div class="info">
                                    <div class="hddz">
                                        共获得点赞323个
                                    </div>

                                </div>

                                <!--用户3-->
                                <div class="user">
                                    <div class="userimg">
                                        <img src="img/searchResult/u2047.png"/>
                                    </div>
                                    <div class="username">
                                        小龙女
                                    </div>
                                    <div class="shenfen">
                                        室内设计师
                                    </div>
                                </div>
                                <div class="info">
                                    <div class="hddz">
                                        共获得点赞323个
                                    </div>

                                </div>

                                <!--用户4-->
                                <div class="user">
                                    <div class="userimg">
                                        <img src="img/searchResult/u2047.png"/>
                                    </div>
                                    <div class="username">
                                        小龙女
                                    </div>
                                    <div class="shenfen">
                                        室内设计师
                                    </div>
                                </div>
                                <div class="info">
                                    <div class="hddz">
                                        共获得点赞323个
                                    </div>

                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="yonghu">
                        <div class="yh_content">
                            <table border="0" cellspacing="0" cellpadding="0">
                                <tr>
                                    <td rowspan="2" class="touxiang"><img src="img/home/u333.png"/></td>
                                    <td class="shenfen name">小龙女</td>
                                    <td>10</td>
                                    <td>10</td>
                                    <td>10</td>
                                    <td>10</td>
                                    <td>10</td>
                                    <td rowspan="2" class="guanzhuanniu">关注</td>
                                </tr>
                                <tr>
                                    <td class="shenfen">室内设计师</td>
                                    <td>分享资料</td>
                                    <td>评论资料</td>
                                    <td>发布帖子</td>
                                    <td>评论帖子</td>
                                    <td>被关注</td>

                                </tr>
                            </table>

                            <table border="0" cellspacing="0" cellpadding="0">
                                <tr>
                                    <td rowspan="2" class="touxiang"><img src="img/home/u333.png"/></td>
                                    <td class="shenfen name">小龙女</td>
                                    <td>10</td>
                                    <td>10</td>
                                    <td>10</td>
                                    <td>10</td>
                                    <td>10</td>
                                    <td rowspan="2" class="guanzhuanniu">关注</td>
                                </tr>
                                <tr>
                                    <td class="shenfen">室内设计师</td>
                                    <td>分享资料</td>
                                    <td>评论资料</td>
                                    <td>发布帖子</td>
                                    <td>评论帖子</td>
                                    <td>被关注</td>

                                </tr>
                            </table>

                            <table border="0" cellspacing="0" cellpadding="0">
                                <tr>
                                    <td rowspan="2" class="touxiang"><img src="img/home/u333.png"/></td>
                                    <td class="shenfen name">小龙女</td>
                                    <td>10</td>
                                    <td>10</td>
                                    <td>10</td>
                                    <td>10</td>
                                    <td>10</td>
                                    <td rowspan="2" class="guanzhuanniu">关注</td>
                                </tr>
                                <tr>
                                    <td class="shenfen">室内设计师</td>
                                    <td>分享资料</td>
                                    <td>评论资料</td>
                                    <td>发布帖子</td>
                                    <td>评论帖子</td>
                                    <td>被关注</td>

                                </tr>
                            </table>

                            <table border="0" cellspacing="0" cellpadding="0">
                                <tr>
                                    <td rowspan="2" class="touxiang"><img src="img/home/u333.png"/></td>
                                    <td class="shenfen name">小龙女</td>
                                    <td>10</td>
                                    <td>10</td>
                                    <td>10</td>
                                    <td>10</td>
                                    <td>10</td>
                                    <td rowspan="2" class="guanzhuanniu">取消关注</td>
                                </tr>
                                <tr>
                                    <td class="shenfen name">室内设计师</td>
                                    <td>分享资料</td>
                                    <td>评论资料</td>
                                    <td>发布帖子</td>
                                    <td>评论帖子</td>
                                    <td>被关注</td>

                                </tr>
                            </table>

                            <table border="0" cellspacing="0" cellpadding="0">
                                <tr>
                                    <td rowspan="2" class="touxiang"><img src="img/home/u333.png"/></td>
                                    <td class="shenfen name">小龙女</td>
                                    <td>10</td>
                                    <td>10</td>
                                    <td>10</td>
                                    <td>10</td>
                                    <td>10</td>
                                    <td rowspan="2" class="guanzhuanniu">取消关注</td>
                                </tr>
                                <tr>
                                    <td class="shenfen">室内设计师</td>
                                    <td>分享资料</td>
                                    <td>评论资料</td>
                                    <td>发布帖子</td>
                                    <td>评论帖子</td>
                                    <td>被关注</td>

                                </tr>
                            </table>
                        </div>
                        <div class="tuijianYonghu">
                            <div class="adv">
                                <img src="img/home/u202.png"/>
                            </div>
                            <div class="title">
                                设计师推荐
                            </div>
                            <div class="shejishi">
                                <div class="user">
                                    <div class="userimg">
                                        <img src="img/searchResult/u2047.png"/>
                                    </div>
                                    <div class="username">
                                        小龙女
                                    </div>
                                    <div class="shenfen">
                                        室内设计师
                                    </div>
                                </div>
                                <div class="guanzhuanniu">
                                    关注
                                </div>

                                <div class="qianming">
                                    生于斯长于斯，日后老死也必将于此。
                                </div>
                                <table border="0" cellspacing="0" cellpadding="0">
                                    <tr>
                                        <td class="tht">话题</td>
                                        <td class="tzl">资料</td>
                                        <td class="tgzz">关注者</td>
                                        <td rowspan="2">
                                            <a href="#"><img src="img/home/u307.png"/></a>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td class="count tht">234</td>
                                        <td class="count tzl">10</td>
                                        <td class="count tgzz">123</td>
                                    </tr>
                                </table>
                            </div>
                        </div>
                    </div>





                </div>
                <footer id="foot">
                    <ul>
                        <li><a href="#">橡木匣子指南</a></li>
                        <li><a href="#">橡木匣子协议</a></li>
                        <li><a href="#">友情链接</a></li>
                        <li><a href="#">人才招聘</a></li>
                        <li><a href="#">联系我们</a></li>
                        <li><span id="banquan">©</span>杭州墨客科技有限公司</li>
                    </ul>
                </footer>



            </div>

        </div>
        <script type="text/javascript">
            $(function () {
                $(".userinfo").hover(function () {
                    $(".info").slideDown("fast");
                }, function () {
                    $(".info").slideUp("10");
                });

                //实现瀑布流插件
                var $container = $('#pubul');
                $container.imagesLoaded(function () {
                    $container.masonry({
                        itemSelector: '.box',
                        columnWidth: 5 //每两列之间的间隙为5像素
                    });
                });



                $(".list .qh_pj").click(function () {
                    $(this).addClass("bgCol");
                    $(this).siblings().removeClass("bgCol");
                    $(".ziLiaoZhanShi").show();
                    $(".ziLiaoZhanShi").siblings().not(".list").hide();
                });
                $(".list .qh_ht").click(function () {
                    $(this).addClass("bgCol");
                    $(this).siblings().removeClass("bgCol");
                    $(".huati").show();
                    $(".huati").siblings().not(".list").hide();
                });
                $(".list .qh_yh").click(function () {
                    $(this).addClass("bgCol");
                    $(this).siblings().removeClass("bgCol");
                    $(".yonghu").show();
                    $(".yonghu").siblings().not(".list").hide();
                });



                $(".guanzhuanniu").click(function () {
                    var a = $(this).text();
                    if (a.trim() == "关注") {
                        /*alert("tr");*/
                        $(this).text("取消关注");

                    } else if (a.trim() != "关注") {
                        /*alert("fa");*/
                        $(this).text("关注");

                    }
                });
                $(".more a").hover(function () {
                    $(this).css("text-decoration", "underline");
                }, function () {
                    $(this).css("text-decoration", "none");
                });



                var index = 0;
                $(".zuijiapl .zan .zanImg img").click(function () {
                    var count = $(this).parent().siblings().text();

                    if (index == 0) {
                        $(this).attr("src", "img/searchResult/tab_like_pressed.png");
                        count++;
                        index = 1;
                    } else {
                        $(this).attr("src", "img/home/tab_like.png");
                        count--;
                        index = 0;
                    }
                    $(this).parent().siblings().text(count);
                });
                var i = 0;

                $(".btn_right img").click(function () {
                    i += 100;
                    $(".btn_left").show();
                    $(".bqs").scrollLeft(i);
                    i = $(".bqs").scrollLeft();
                    /*alert($(".one").offset().left);*/
                })
                $(".btn_left img").click(function () {
                    i -= 100;
                    $(".bqs").scrollLeft(i);
                    i = $(".bqs").scrollLeft();
                });

                //及时搜索
                var countries = [
                    {value: '室内设计', data: '', category: '分类'},
                    {value: '室内装修', data: '室内', category: '分类'},
                    {value: '室内环保', data: '室内', category: '分类'},
                    {value: '室内设计', data: '室内', category: '分类'},
                    {value: '室内设计', data: '室内', category: '分类'},
                    {value: '某宾馆室内设计', data: '室内', category: '话题'},
                    {value: '某大厦室内设计', data: '室内', category: '话题'},
                    {value: '某宾馆室内设计', data: '室内', category: '资料'},
                    {value: '某大厦室内设计', data: '室内', category: '资料'},
                    {value: '某宾馆室内设计', data: '室内', category: '资料'},
                    {value: '某大厦室内设计', data: '室内', category: '资料'},
                    {value: '更多室内相关资料...', data: '室内', category: '更多'},
                    // ...
                    {value: 'Zimbabwe', data: 'ZZ'}
                ];


                $('#autocomplete').catcomplete({
                    delay: 0,
                    source: countries

                });
                var index = 0;
                $('#autocomplete').click(function () {
                    $(".yincangbianqian").hide();
                    index = 0;
                    var str = $(".yincangbianqian li").text();
                    var zhi = str.substr(0, str.length - 2);
                    var arr = new Array();
                    arr = zhi.split("|×");

                    $(this).val(arr.join(" "));
                })

                $(".bqk .bqs li").click(function () {
                    var val = $(this).text();
                    $(".yincangbianqian").show();
                    $('#autocomplete').val(" ");
                    if (index == 0) {
                        $(".yincangbianqian").empty();
                        $(".sousuokuang .yincangbianqian").append("<li>" + val + "|×" + "</li>");
                        index = 1;
                    } else {
                        $(".sousuokuang .yincangbianqian").append("<li>" + val + "|×" + "</li>");
                    }

                    $(this).hide();



                });
                $(".yincangbianqian").on("click", "li", function () {
                    $(this).remove();
                });

                /*跳转*/
                $(".shejishi .user .userimg").click(function () {
                    window.location.href = "geRenZhongXin.html";
                })
                $(".shejishi .user .username").click(function () {
                    window.location.href = "geRenZhongXin.html";
                });
                $(".shejishi .tht").click(function () {
                    window.location.href = "geRenZhongXin.html?name=huati";
                });
                $(".shejishi .tzl").click(function () {
                    window.location.href = "geRenZhongXin.html?name=ziliao";
                });
                $(".shejishi .tgzz").click(function () {
                    window.location.href = "geRenZhongXin.html?name=guanzhuzhe";
                });

                $("#autocomplete").bind("keydown", function (e) {
                    $(".sousuokuang .yincangbianqian li").remove();
                    var key = e.which;
                    var zhi = $(this).val();
                    var arr = new Array();
                    arr = zhi.split(" ");

                    if (key == 13 && $(this).val().trim() != "") {
                        $(".sousuokuang .yincangbianqian").show();
                        $(this).val("");
                        for (var i = 0; i < arr.length; i++) {
                            $(".sousuokuang .yincangbianqian").append("<li>" + arr[i] + "|×" + "</li>");
                        }

                        /*alert($(this).val());*/
                    }


                })

            })
        </script>
    </body>
</html>
